import React from 'react';
import ReactDOM from 'react-dom';

export default class ComponentBody extends React.Component{
	// state初始化 state的作用域只属于当前的类,不会污染其他的类
	constructor(){
		// 调用基类的所有初始化方法
		super();
		this.state = {
			userName : "parry",
			age : 20
		}; //初始化赋值
	}
	render(){

		setTimeout(()=>{
			// 更改state的时候
			this.setState({
				userName : "张三",
				age : 50
			})
		},3000);

		return(
			<div>
				<h5>这里是body部分 </h5>
				<p>
					{/*state获取的是模块的内部属性*/}
					{this.state.userName}
					{this.state.age}
					
				</p>
				<p>
					这是props获取的信息 <br/>
					{/*props获取的是模块外部属性*/}
					{this.props.username}
					{this.props.age}
				</p>
			</div>
		)
	}		
}